<template>
    <div class="flex">
        <nav class=" border-r pe-2">
            <ul>
                <li><RouterLink to="/account/index" active-class="active">首页</RouterLink></li>
                <li><RouterLink to="/account/setting" active-class="active">设置</RouterLink></li>
                <li><RouterLink to="/account/todos" active-class="active">待办事项</RouterLink></li>
                <li><RouterLink to="/account/messages" active-class="active">消息</RouterLink></li>
            </ul>
        </nav>
        <div class="flex-grow ps-2">
            <RouterView v-slot="{Component}">
                    <KeepAlive exclude="IndexView">
                        <Component :is="Component"/>
                    </KeepAlive>
                </RouterView>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>